<template>
    <ISwiper :data-list="dataList" :style-options="styleOptions" :options="options">
        <template #default="{ obj }">
            <img :src="'img/home/' + obj + '.jpeg'" class="swapper-content" />
        </template>
    </ISwiper>
</template>
<script setup lang="ts">
    import { ref } from 'vue'
    import ISwiper from '@/components/comm/ISwiper.vue'
    const dataList = ref<string[]>(['1', '2', '3'])
    const styleOptions = ref<any>({})
    const options = ref<any>({ type: 'template' })
</script>

<style>
    .swapper-content {
        vertical-align: bottom;
        max-width: 100%;
    }
</style>
